<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
    <!--列表标签
      有序列表  ol   li
      无序列表  ul   li
      自定义列表 dl  dt dd

      表格标签 <table>
        标题：caption
        表格中一行 tr
        单元格 td th（表头）
       
       图片 img
            常用属性：src 图片的路径
                    width  height
                    alt 图片加载失败的显示
                    title 鼠标悬停在图片上的提示
       超链接 a
            href 超链接的地址 1)网址  2）空链接  3）抛锚点
            target 超链接的打开方式 _blank 新窗口打开  父窗口打开 当前窗口打开_self
        图片超链接

     -->
    <a href="http://www.baidu.com" target="_blank" style="font-size:50px">百度</a>
    <a href="first.html" target="_self">第一个网页</a>
    <a href="##">用户管理</a>
    <a href="#catid">跳转到图片处</a><br>
    <a href="http://www.baidu.com">
        <img src="cat.jpeg" width="100">
    </a>
    <ol type="a" id="el">
        <li>打开冰箱门</li>
        <li>把大象放冰箱</li>
        <li>把冰箱门带上</li>
    </ol>

    <ul type="square">
        <li>山西省</li>
        <li>陕西省</li>
        <li>山东省</li>
    </ul>

    <DL>
        <dt>第一步</dt> <dd>打开冰箱门</dd>
        <dt>第二步</dt> <dd>把大象放冰箱</dd>
        <dt>第三步</dt> <dd>把冰箱门带上</dd>

    </DL>

    <table border="10">
        <caption>工资表</caption>
        <tr>
            <th>姓名</th> <th>年龄</th> <th>工资</th>
        </tr>
        <tr>
            <td>二蛋</td> <td>32</td>  <td>10345</td>
        </tr>
        <tr>
             <td>三强</td> <td>31</td>  <td>13450</td>
        </tr>
    </table>

    <img id ="catid" src="cat.jpeg" width="400" height="400" alt="this is a cat" title="cute cat"> </br>
    <img id="baiduimg_id" src="http://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="400" height="400" alt="this is a cat" title="cute cat">

</body>
</html>